<template>
    <div class="wode">
        <ul class="mui-table-view mui-grid-view mui-grid-15">
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/user/daifukuan">
                    <img src="../assets/images/daifukuan.png" alt="">
                    <div class="mui-media-body">待付款</div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/user/dingdan">
                    <img src="../assets/images/daishouhuo.png" alt="">
                    <div class="mui-media-body">待收货</div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/user/daipingjia">
                    <img src="../assets/images/daipingjia.png" alt="">
                    <div class="mui-media-body">评价</div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/user/lianxikefu">
                    <img src="../assets/images/lianxikefu.png" alt="">
                    <div class="mui-media-body">联系客服</div>
                </router-link>
            </li>
        </ul>

        <ul class="mui-table-view mui-grid-view mui-grid-5">
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/messages">
                    <img src="../assets/images/shangcehnggonggao.png" alt="">
                    <div class="mui-media-body">商城公告</div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/views/list">
                    <img src="../assets/images/shouhuodizhi.png" alt="">
                    <div class="mui-media-body">收货地址</div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/user/bugoubaozhang">
                    <img src="../assets/images/jiaoyugou.png" alt="">
                    <div class="mui-media-body">教育购</div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media mui-col-xs-3.5 mui-col-sm-2.5">
                <router-link to="/user/woyaoweixiu">
                    <img src="../assets/images/woyaoweixiu.png" alt="">
                    <div class="mui-media-body">我要维修</div>
                </router-link>
            </li>
        </ul>
    </div>
</template>

<style scoped>
 .mui-grid-view.mui-grid-15{
    background-color:#fff ;
    border: none;
    width: 450px;
    margin-top: -1rem;}
    img {
        margin-left: 27px;
        margin-right: 27px;
        width: 40px;
        height: 40px;
    }
 .mui-grid-view .mui-grid-15 .mui-table-view-cell{
    border: 0;
 }
 .mui-media-body {
    font-size:1px;
 }

 .mui-grid-view.mui-grid-5{
    background-color:#fff ;
    border: none;
    margin-top: 2rem;
    width: 450px;}
    img {
        margin-left: 27px;
        margin-right: 27px;
        width: 40px;
        height: 40px;
    }
</style>




